@charset "utf-8";

/***********************/
/***** Designed by zilu *****/
/***********************/
/***********************/
/***** RESET RULES *****/
/***********************/
body, div, h1, h2, h3, h4, h5, h6, img, ul, li, p, small, blockquote{ margin:0; padding:0; }
img{ border:none; }
input, textarea{ font-family:Arial, Helvetica, sans-serif; }

/*************************/
/***** GENERAL RULES *****/
/*************************/
html{ height:100%; margin-bottom:1px; }
body
{
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    background: #3fa9f8 url('../images/body-bg.png');
    height: 100%;
}
#main {padding-bottom: 124px;} 
.clear_float{ clear:both; font-size:1px; height:1px; }
.fl_left{ float:left; display:inline; }
.fl_right{ float:right; display:inline; }



#box_price .message_order_error{ margin:20px; padding:0; font-weight:bold; font-size:12px; border:none; color:#900; display:none; }
.message_order_ok{ margin:0 20px 20px 20px; padding:15px; font-weight:bold; font-size:12px; color:#060; width:250px; display:none; }
#box_price .message_order_ok{ margin:20px; padding:0; font-weight:bold; font-size:12px; color:#060; border:none; display:none; }

.message_none{ display:none; }
.hidden{ /*display:none;*/ }

.no_javascript{ margin:0 0 20px 0; padding:20px; display:block; background-color:#D20000; font-weight:bold; font-size:15px; }  

.indent{ text-indent:49px; }

#steps a{ color:#34435e; text-decoration:none; }
#steps a:hover, #steps a:active{ color:#252f42; }

/************************/
/***** Header rules *****/
/************************/
#header_left{ position:absolute; top:0; right:70%; background-color:#fff; width:100%; height:100px; z-index:0; }
#header{ position:relative; margin:0 auto; padding:0; width:955px; height:200px; background:url(../design/header_background.jpg) top center no-repeat; }

/* Logo */
#header h1{ margin:59px 0 0 25px; float:left; display:inline; }
#header h1 a{ outline:none; } 

/* Languge switcher */
#header #language{ padding:10px 35px 0 0; display:block; text-align:right; }
#header #language a{ color:#398db7; font-size:12px; text-decoration:none; }
#header #language a:hover{ color:#34435e; }

/***** MENU *****/
#header ul{ margin:22px 0 0 42px; width:548px; height:22px; font-size:14px; font-weight:bold; line-height:22px;
			float:left; display:inline; font-family:Verdana, Geneva, sans-serif; position:relative;  }
#header ul li{ margin:0; padding:5px 5px 0 2px; height:22px; float:left; display:inline; background:url(../design/menu_li.png) center right no-repeat; position:relative;	 }
#header ul li a{ color:#fff; text-decoration:none; display:block; padding:2px 8px; margin-top:-4px;}
/* JAVASCRIPT HANDLES THIS
#header ul li a:hover, #header ul li a:active{ background-color:#619bbd; }
*/
#header ul .hover_active a:hover{ color:#fff; }
#header ul li a.active{ background-color:#266382; }

/*************************/
/***** SLICING STEPS *****/
/*************************/
#slicing_steps{ margin:0px 0 0 0; position:absolute; width:100%; height:160px; bottom:30px; overflow:hidden; }
#steps{ margin:0 auto; width:780px; padding-left:35px; }
#steps div{ text-align:center; }
#steps div h1{ margin:10px 0 0 0; }
#steps div p{ margin:10px 10px 0 10px; font-size:17px; font-weight:bold; font-style:italic; text-align:center; }
#steps div p span{ margin:0 auto; display:block; color:#fff; font-size:14px; line-height:18px; }
#steps div p.active{ font-size:18px; line-height:24px; margin:10px 10px 0 10px; }

#steps div p.active span{ color:#fff; font-size:13px; line-height:18px;  font-weight:normal; font-style:normal; }
#steps div p.active span a, #steps div p.active span a:hover, #steps div p.active span a:active{ text-align:center; text-indent:0; color:#fff; display:block; }

#steps #step_one{ margin:68px 0 0 5px; left:0px;  width:100px; height:205px; display:block; position:absolute; z-index:0; }
#steps #step_two{ margin:38px 0 0 0; left:0; width:110px; height:205px; display:block; position:absolute; z-index:0; }
#steps #step_three_mee{ margin:38px 0 0 0; left:0; padding:140px 0 0 0; width:110px; height:259px; display:block; position:absolute; z-index:0; }

#steps #step_three{ margin:8px 0 0 0; left:0; width:120px; height:205px; display:block; position:absolute; z-index:0; }
#steps #step_four{ margin:38px 0 0 0; left:0; width:110px; height:205px; display:block; position:absolute; z-index:0; }
#steps #step_five{ margin:68px 0 0 0;  left:0; width:100px; height:205px; display:block; position:absolute; z-index:0; }

#step_idea, #step_design, #step_slicing, #step_coding, #step_deployment{ float:left; display:inline; }

/***************/
/* STEP TAMAS BA MA */
/***************/
#step_idea{ position:relative; width:99px; height:205px; background:url(../design/menu1.png) bottom no-repeat; }
#step_idea #id_active{z-index:1; position:absolute; overflow:hidden; left:0px; bottom:0px; width:99px; height:0;/*279px*/ background:url(../design/menu1-active.png) top left no-repeat; }
#step_idea #id_active img{ margin:15px 0 0 0; }
#step_idea #id_active h1 img{ margin:10px 0 0 0; }

#step_idea a.naruci_sad{ position:absolute; bottom:-70px; right:0px; display:block; width:71px; height:71px;/*71px*/ cursor:pointer; background:url(../design/naruci_sad_gumb.png) left top no-repeat; }
#step_idea a.order_now{ background:url(../design/order_now_button.png) left top no-repeat; }
#step_idea a.jetzt_bestellen{ background:url(../design/jetzt_bestellen_button.png) left top no-repeat; }
#step_idea a.naruci_sad:hover{ background:url(../design/naruci_sad_gumb_active.png) left top no-repeat; }
#step_idea a.order_now:hover{ background:url(../design/order_now_button_active.png) left top no-repeat; }
#step_idea a.jetzt_bestellen:hover{ background:url(../design/jetzt_bestellen_button_active.png) left top no-repeat; }
#step_idea a.naruci_sad span, #steps a.info_btn span{ display:none; }

#step_idea a.info_btn{ position:absolute; bottom:-70px; left: 0px; width:62px; height:60px;/*60px*/ cursor:pointer; background:url(../design/info_gumb.png) no-repeat; }
#step_idea a:hover.info_btn{ background:url(../design/info_gumb_active.png) no-repeat; }

/***************/
/* STEP HAMKAR */
/***************/
#step_design{ position:relative; width:110px; height:205px; background:url(../design/menu2.png) bottom no-repeat; }
#step_design #de_active{z-index:1; position:absolute; overflow:hidden; left:0px; bottom:0px; width:110px; height:0;/*309px*/ background:url(../design/menu2-active.png) top left no-repeat; }

#step_design a.naruci_sad{ position:absolute; bottom:-70px;/*9px*/ right:-16px; display:block; width:71px; height:71px;/*71px*/ cursor:pointer; background:url(../design/naruci_sad_gumb.png) left top no-repeat; }
#step_design a.order_now{ background:url(../design/order_now_button.png) left top no-repeat; }
#step_design a.jetzt_bestellen{ background:url(../design/jetzt_bestellen_button.png) left top no-repeat; }
#step_design a.naruci_sad:hover{ background:url(../design/naruci_sad_gumb_active.png) left top no-repeat; }
#step_design a.order_now:hover{ background:url(../design/order_now_button_active.png) left top no-repeat; }
#step_design a.jetzt_bestellen:hover{ background:url(../design/jetzt_bestellen_button_active.png) left top no-repeat; }

#step_design a.naruci_sad span, #steps a.info_btn span{ display:none; }

#step_design a.info_btn{ position:absolute; bottom:-70px;/*9px*/ right:28px; width:62px; height:60px;/*60px*/ cursor:pointer; background:url(../design/info_gumb.png) no-repeat; }
#step_design a:hover.info_btn{ background:url(../design/info_gumb_active.png) no-repeat; }

#step_design #de_active img{ margin:15px 0 0 0; }
#step_design #de_active h1 img{ margin:-8px 0 0 0; }


/***************/
/* STEP OMOOR NAMAYANDEGAN */
/***************/
#step_mee3{ position:relative; width:110px; height:205px; background:url(../design/menu3.png) bottom no-repeat; float:left; }
#step_mee3 #de_active{z-index:1; position:absolute; overflow:hidden; left:0px; bottom:0px; width:110px; height:0;/*309px*/ background:url(../design/menu3-active.png) top left no-repeat; }

#step_mee3 a.naruci_sad{ position:absolute; bottom:-70px;/*9px*/ right:-17px; display:block; width:71px; height:71px;/*71px*/ cursor:pointer; background:url(../design/naruci_sad_gumb.png) left top no-repeat; }
#step_mee3 a.order_now{ background:url(../design/order_now_button.png) left top no-repeat; }
#step_mee3 a.jetzt_bestellen{ background:url(../design/jetzt_bestellen_button.png) left top no-repeat; }
#step_mee3 a.naruci_sad:hover{ background:url(../design/naruci_sad_gumb_active.png) left top no-repeat; }
#step_mee3 a.order_now:hover{ background:url(../design/order_now_button_active.png) left top no-repeat; }
#step_mee3 a.jetzt_bestellen:hover{ background:url(../design/jetzt_bestellen_button_active.png) left top no-repeat; }

#step_mee3 a.naruci_sad span, #steps a.info_btn span{ display:none; }

#step_mee3 a.info_btn{ position:absolute; bottom:-70px;/*9px*/ right:28px; width:62px; height:60px;/*60px*/ cursor:pointer; background:url(../design/info_gumb.png) no-repeat; }
#step_mee3 a:hover.info_btn{ background:url(../design/info_gumb_active.png) no-repeat; }

#step_mee3 #de_active img{ margin:15px 0 0 0; }
#step_mee3 #de_active h1 img{ margin:-8px 0 0 0; }


/****************/
/* STEP MAHSOOLAT */
/****************/
#step_slicing{ position:relative; width:122px; height:205px; background:url(../design/menu4.png) bottom left no-repeat; }
#step_slicing #sl_active{z-index:1; position:absolute; overflow:hidden; left:0; bottom:0px; width:122px; height:339px;/*339px*/ background:url(../design/menu4-active.png) top left no-repeat; }

#step_slicing p.active a{ display:block; text-align:left; text-indent:20px; }
#step_slicing a.naruci_sad{ position:absolute; bottom:0px; right:-12px; display:block; width:71px; height:71px; cursor:pointer; background:url(../design/naruci_sad_gumb.png) left top no-repeat; }
#step_slicing a.order_now{ background:url(../design/order_now_button.png) left top no-repeat; }
#step_slicing a.jetzt_bestellen{ background:url(../design/jetzt_bestellen_button.png) left top no-repeat; }
#step_slicing a.naruci_sad:hover{ background:url(../design/naruci_sad_gumb_active.png) left top no-repeat; }
#step_slicing a.order_now:hover{ background:url(../design/order_now_button_active.png) left top no-repeat; }
#step_slicing a.jetzt_bestellen:hover{ background:url(../design/jetzt_bestellen_button_active.png) left top no-repeat; }

#step_slicing a.naruci_sad span, #steps a.info_btn span{ display:none; }

#step_slicing a.info_btn{ position:absolute; bottom:9px; right:32px; width:62px; height:60px; cursor:pointer; background:url(../design/info_gumb.png) no-repeat; }
#step_slicing a:hover.info_btn{ background:url(../design/info_gumb_active.png) no-repeat; }




/***************/
/* STEP AMOOR MOSHTARIAN */
/***************/
#step_mee5{ position:relative; width:110px; height:205px; background:url(../design/menu5.png) bottom no-repeat; float:left; }
#step_mee5 #de_active{z-index:1; position:absolute; overflow:hidden; left:0px; bottom:0px; width:110px; height:0;/*309px*/ background:url(../design/menu5-active.png) top left no-repeat; }

#step_mee5 a.naruci_sad{ position:absolute; bottom:-70px;/*9px*/ right:-15px; display:block; width:71px; height:71px;/*71px*/ cursor:pointer; background:url(../design/naruci_sad_gumb.png) left top no-repeat; }
#step_mee5 a.order_now{ background:url(../design/order_now_button.png) left top no-repeat; }
#step_mee5 a.jetzt_bestellen{ background:url(../design/jetzt_bestellen_button.png) left top no-repeat; }
#step_mee5 a.naruci_sad:hover{ background:url(../design/naruci_sad_gumb_active.png) left top no-repeat; }
#step_mee5 a.order_now:hover{ background:url(../design/order_now_button_active.png) left top no-repeat; }
#step_mee5 a.jetzt_bestellen:hover{ background:url(../design/jetzt_bestellen_button_active.png) left top no-repeat; }

#step_mee5 a.naruci_sad span, #steps a.info_btn span{ display:none; }

#step_mee5 a.info_btn{ position:absolute; bottom:-70px;/*9px*/ right:28px; width:62px; height:60px;/*60px*/ cursor:pointer; background:url(../design/info_gumb.png) no-repeat; }
#step_mee5 a:hover.info_btn{ background:url(../design/info_gumb_active.png) no-repeat; }

#step_mee5 #de_active img{ margin:15px 0 0 0; }
#step_mee5 #de_active h1 img{ margin:-8px 0 0 0; }






/***************/
/* STEP MAGHALAT */
/***************/
#step_coding{ position:relative; width:110px; height:205px; background:url(../design/menu6.png) bottom no-repeat; }
#step_coding #co_active{z-index:1; position:absolute; overflow:hidden; left:0px; bottom:0px; width:110px; height:0;/*309px*/ background:url(../design/menu6-active.png) top left no-repeat; }

#step_coding a.naruci_sad{ position:absolute; bottom:-70px; right:-20px; display:block; width:71px; height:71px; cursor:pointer; background:url(../design/naruci_sad_gumb.png) left top no-repeat; }
#step_coding a.order_now{ background:url(../design/order_now_button.png) left top no-repeat; }
#step_coding a.jetzt_bestellen{ background:url(../design/jetzt_bestellen_button.png) left top no-repeat; }
#step_coding a.naruci_sad:hover{ background:url(../design/naruci_sad_gumb_active.png) left top no-repeat; }
#step_coding a.order_now:hover{ background:url(../design/order_now_button_active.png) left top no-repeat; }
#step_coding a.jetzt_bestellen:hover{ background:url(../design/jetzt_bestellen_button_active.png) left top no-repeat; }

#step_coding a.naruci_sad span, #steps a.info_btn span{ display:none; }

#step_coding a.info_btn{ position:absolute; bottom:-70px; right:30px; width:62px; height:60px; cursor:pointer; background:url(../design/info_gumb.png) no-repeat; }
#step_coding a:hover.info_btn{ background:url(../design/info_gumb_active.png) no-repeat; }

#step_coding #co_active img{ margin:12px 0 0 0; }
#step_coding #co_active h1 img{ margin:-4px 0 0 0; }


/*******************/
/* STEP DARBARE ERIS */
/*******************/
#step_deployment{ position:relative; width:100px; height:205px; background:url(../design/menu7.png) bottom no-repeat; }
#step_deployment #dy_active{z-index:1; position:absolute; overflow:hidden; left:0px; bottom:0px; width:100px; height:0;/*279px*/ 
							background:url(../design/menu7-active.png) top left no-repeat; }

#step_deployment a.naruci_sad{ position:absolute; bottom:-70px; right:-5px; display:block; width:71px; height:71px; cursor:pointer; 
							   background:url(../design/naruci_sad_gumb.png) left top no-repeat; }
#step_deployment a.order_now{ background:url(../design/order_now_button.png) left top no-repeat; }
#step_deployment a.jetzt_bestellen{ background:url(../design/jetzt_bestellen_button.png) left top no-repeat; }
#step_deployment a.naruci_sad:hover{ background:url(../design/naruci_sad_gumb_active.png) left top no-repeat; }
#step_deployment a.order_now:hover{ background:url(../design/order_now_button_active.png) left top no-repeat; }
#step_deployment a.jetzt_bestellen:hover{ background:url(../design/jetzt_bestellen_button_active.png) left top no-repeat; }

#step_deployment a.naruci_sad span, #steps a.info_btn span{ display:none; }

#step_deployment a.info_btn{ position:absolute; bottom:-70px; right:38px; width:62px; height:60px; cursor:pointer; background:url(../design/info_gumb.png) no-repeat; }
#step_deployment a:hover.info_btn{ background:url(../design/info_gumb_active.png) no-repeat; }

#step_deployment #dy_active img{ margin:5px 0 0 0; }
#step_deployment #dy_active h1{ margin-bottom:-10px; }
#step_deployment #dy_active h1 img{ margin:-10px 0 0 0; }




/**********************/
/***** CONTENT ********/
/**********************/
#content{ 
	margin:0px auto; 
	width:1000px; 
	height:665px; 
	position:relative; 
	background-image:url(../images/back-1024.png); 
	background-repeat:no-repeat; 
	background-position:center center; 
}
#center-container{
	position:relative;
	overflow:hidden;
	width:792px;
	height:300px;
	margin:auto;
	margin-top:100px;
	border:#F4F4F4 solid 2px;
}
#center-div-holder{
	position:relative;
	width:792px;
	height:2100px;
}
.center-panel-container{
	width:792px;
	height:300px;
	background-color:#39F;
	position:relative;
}
.center-panel-container a{
	text-decoration:none;
	color:#000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.center-panel-container img{
	margin-bottom:-20px;
	margin-left:10px;
	margin-right:10px;	
}
#news-container{
	position:relative;
	overflow:hidden;
	width:784px;
	height:25px;
	margin:auto;
	padding:5px;
	background-image:url(../images/news-back.png);
	background-position:bottom;
	direction:rtl;
	text-align:right;
	
}

.webwidget_slideshow_common{
    position: relative;
    font-family:Tahoma, Geneva, sans-serif;
    font-size: 11px;
	margin-right:20px;
	width:750px;
	
}
.webwidget_slideshow_common span{
	margin-right:20px;
	
}
.webwidget_slideshow_common li div{
	width:110px;
	float:right;
	max-width:110px;
	overflow:hidden;
	max-height:17px;
	text-align:center;
	color:#000;
	
}
.webwidget_slideshow_common .slides_box{
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    position: absolute;

}
.webwidget_slideshow_common a{
	color:#fff;
	text-decoration:none;
}
.slider-home{
	width:35px;
	height:25px;
	border-right:dashed 1px #930;
	
	float:left;

}

.top-logo{
	width:980px;
	height:130px;
	background-image:url(../images/head-logo.png);
	position:absolute;
	margin:0px auto;
}
.panel1{
	background-image:url(../images/panel1-bg-new.jpg);	
}
.panel1 div{
	width:190px;
	height:146px;
	position:absolute;
	top:75px;
	right:70px;
	text-align:left;
	color:black;
	direction:rtl;
}
.panel2{
	background-image:url(../images/panel2-bg-new.jpg);	
}
.panel2 div{
	width:220px;
	height:146px;
	position:absolute;
	top:82px;
	top:45px;
	left:60px;
	text-align:right;
}
.panel3{
	background-image:url(../images/panel3-bg-new.jpg);	
}
.panel3-leftmenu{
	width:250px;
	height:146px;
	position:absolute;
	top:75px;
	left:80px;
	text-align:right;
	
}
.panel3-form{
	width:250px;
	height:146px;
	position:absolute;
	top:69px;
	right:78px;
	text-align:right;
	color:#00aeef;
	direction:rtl;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
}
.panel3-form span{
	font-size:15px;
	font-weight:bold;
	margin-right:70px;

}
.panel3-input{
	width:175px;
	height:25px;
	text-align:left;
	border:none;
	margin-bottom:24px;
	color:#00aeef;
}
.panel3-submit{
	background-image:url(../images/sub-panel3.png);
	width:54px;
	height:26px;
	border:none;
	margin-right:125px;
}
.panel4{
	background-image:url(../images/panel4-bg-new.jpg);	
}
.panel4 .div-cat{
	width:250px;
	height:156px;
	position:absolute;
	top:75px;
	left:545px;
	text-align:right;
}
.panel4 .menu-holder{
	width:300px;
	height:245px;
	overflow:hidden;
	position:absolute;
	left:40px;
	top: 65px;
}
.panel4 .menu-holder .menu{
	width:300px;
	position:absolute;
	padding:0px 3px 0px 3px;
	text-align:right;
	direction:rtl;
}
.panel4 .menu-holder .menu2{
	margin-top:50px;
}
.panel4 .menu-holder .menu3{
	margin-top:70px;
}
.panel4 .menu-holder .menu a{
	font-size:12px;
	font-weight:normal;
	display:block;
	margin-bottom:7px;
	background-image:url(../images/arrow1.png) ;
	background-repeat:no-repeat;
	background-position:right 6px;
	padding-right:12px;
	color:#7b0000;
	
}

.panel4 #panel4_menu0{
	width:172px;
	height:182px;
	position:absolute;
	right:0px;
	background-image:url(../images/panel4-menu-bg.png);

}

.panel5{
	background-image:url(../images/panel5-bg-new.jpg);	
}
.panel5 div{
	width:350px;
	height:156px;
	position:absolute;
	top:45px;
	right:140px;
	text-align:right;
}
.panel6{
	background-image:url(../images/panel6-bg-new.jpg);	
}
.panel6 div{
	width:300px;
	height:156px;
	position:absolute;
	top:50px;
	right:150px;
	text-align:right;
}
.panel7{
	background-image:url(../images/panel7-bg-new.jpg);	
}
.panel7 div{
	width:300px;
	height:186px;
	position:absolute;
	top:35px;
	left:120px;
	text-align:right;
	
	
}
.panel7 a{
	color:#7b0000;
}
.obj3 p{
	margin-bottom:30px;
}
.obj4 p{
	margin-bottom:25px;
}
.obj5 p{
	margin-bottom:18px;
}